<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<input type="url" list="url_list" name="link"/>
<datalist id="url_list">
    <option label="谷歌" value="http://www.google.com">
    <option label="百度" value="http://www.baidu.com">
    <option label="淘宝" value="http://www.taobao.com">
</datalist>
<br/>
链接：<input type="url" name="url" placeholder="http://www.dianping.com"/>
<br/>
<h3>output</h3>
<br/>
<form oninput="x.value=age.value">
    <label for="age">年龄：</label>
    <input type="range" id="age" name="age" min="1" max="100" step="1">
    <output name="x">30</output>
</form>
</body>
</html>